<template>

  <div class="history">
    <template v-if="recentReadBookId != 0">
      <span>这里写书的名字</span>
    </template>
    <template v-else>
      <span>还没有最近阅读的书籍哦</span>
    </template>
    <span> 书架 <van-icon name="arrow" /></span>
  </div>


  <div class="recommendation">
    <div class="suggest">
      <span>重磅推荐 </span>

      <van-button type="primary" size="small" plain round>更多</van-button>

    </div>

    <ul>
      <li></li>
    </ul>



  </div>




</template>

<script setup>
import { computed } from "vue"
import { useStore } from "@/stores/index.js"
const store = useStore()
const recentReadBookId = computed(() => store.recentReadBookId);
</script>

<style scoped>
.history {
  font-size: 15px;
  color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  border-bottom: 0.5px solid #eee;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 20px;
}
</style>
